<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>The Studio</title>
<link href="./css/style.css" rel="stylesheet" type="text/css" />
<link href="./css/blog.css" rel="stylesheet" type="text/css" />
<link href="./css/jquery_dropdown_menu.css" rel="stylesheet" type="text/css" />

<script src="./javascript/jquery.js" type="text/javascript"></script>
<script src="./javascript/custom.js" type="text/javascript"></script>

<!-- Newsletter validation JavaScript Files -->
<script src="./javascript/jquery.formvalidation.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#newsletter").validate();
});
</script>

<!-- Cufon JavaScript Files -->
<script src="./javascript/cufon-yui.js" type="text/javascript"></script>
<script src="./javascript/kabel-font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1, h2, h4, .quote')
</script>

<!-- Form validation JavaScript Files -->
<script src="./javascript/jquery.formvalidation.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#commentform").validate();
});
</script>

<script type="text/javascript">
jQuery(document).ready(function(){
	jQuery(".read-more").click(function(){
	  jQuery(this).next("ul").slideToggle("slow");
		jQuery(this).toggleClass("active"); return false;
	});
});
</script>

<!-- Scroll JavaScript Files -->
<script src="./javascript/scroll.js" type="text/javascript"> </script>
<script type="text/javascript"> 
  $(document).ready(function(){ 
    $.localScroll(); 
  }); 
</script>

<meta charset="UTF-8"></head>

<body>

<div id="wrapper">

	<div id="header">
	
		<div class="logo"><a href="#"><img src="./images/logo.png" alt="logo" /></a></div>
	
			<div id="myslidemenu" class="jqueryslidemenu">
				<ul>
					<li><a href="./index.html">Home</a>
						<ul>
							<li><a href="./index.html">Slideshow</a></li>
							<li><a href="./index2.html">Slideshow - Curtain effect</a></li>
							<li><a href="./index3.html">Anything Slider</a></li>
						</ul><!--END ul index page-->
					</li>
					
					<li><a href="./about.html">About</a></li>
					
					<li><a href="#">Features</a>
						<ul>
							<li><a href="#">Index page &raquo;</a>
								<ul>
									<li><a href="./index.html">Slideshow</a></li>
									<li><a href="./index2.html">Slideshow - Curtain effect</a></li>
									<li><a href="./index3.html">Anything Slider</a></li>
								</ul><!--END ul index page-->
							</li>
							<li><a href="./about.html">About page</a></li>			
							<li><a href="./services.html">Services page</a></li>
							<li><a href="./portfolio.html">Portfolio - Grid view</a></li>
							<li><a href="./portfolio2.html">Portfolio - List view</a></li>
							<li><a href="./portfolio3.html">Portfolio - Thumb view</a></li>
							<li><a href="./blog.html">Blog page</a></li>
							<li><a href="./blog-single.html">Blog single page</a></li>
							<li><a href="./contact.html">Contact page</a></li>
						</ul><!--END ul features-->
					</li>
						
					<li><a href="./elements.html">Style</a>
						<ul>
							<li><a href="./elements.html">Elements page</a></li>			
							<li><a href="./full-width-page.html">Full width page</a></li>															
							<li><a href="#">Template's colors &raquo;</a>
								<ul>
									<li><a href="http://brankic1979.com/theme/Thestudio/dark/">Dark</a></li>
									<li><a href="./index.html">Grey</a></li>
									<li><a href="http://brankic1979.com/theme/Thestudio/blue/">Blue</a></li>
									<li><a href="http://brankic1979.com/theme/Thestudio/aquamarine/">Deep blue</a></li>
									<li><a href="http://brankic1979.com/theme/Thestudio/red/">Red</a></li>
									<li><a href="http://brankic1979.com/theme/Thestudio/green/">Green</a></li>
									<li><a href="http://brankic1979.com/theme/Thestudio/yellow/">Yellow</a></li>
									<li><a href="http://brankic1979.com/theme/Thestudio/orange/">Orange</a></li>
									<li><a href="http://brankic1979.com/theme/Thestudio/magenta/">Magenta</a></li>
								</ul><!--END ul template's colors-->
							</li>						
							<li><a href="#">Header &raquo;</a>
								<ul>
									<li><a href="./index.html">Twitter update</a></li>
									<li><a href="./blog-single.html">Breadcrumb pagination</a></li>
								</ul><!--END ul header-->
							</li>							
							<li><a href="#">Footer &raquo;</a>
								<ul>
									<li><a href="./about.html#footer">Style 1</a></li>
									<li><a href="./contact.html#footer">Style 2</a></li>
								</ul><!--END ul footer-->
							</li>
						</ul><!--END ul style-->
					</li>	
					
					<li><a href="./services.html">Services</a></li>
					
					<li><a href="./portfolio.html">Portfolio</a>	
						<ul>
							<li><a href="./portfolio.html">Portfolio - Grid view</a></li>
							<li><a href="./portfolio2.html">Portfolio - List view</a></li>
							<li><a href="./portfolio3.html">Portfolio - Thumb view</a></li>
						</ul><!--END ul portfolio-->						
					</li>
					
					<li><a href="./blog.html" class="current">Blog</a></li>
					
					<li><a href="./contact.html">Contact</a></li>
				</ul><!--END ul-->
			</div><!--END jqueryslidemenu-->
	
				<span class="quote">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>
	
					<form id="search" name="search" method="post" action="#">
						<input name="s" type="text" id="s" value="Search the site" onblur="if (this.value == ''){this.value = 'Search the site'; }" onfocus="if (this.value == 'Search the site') {this.value = ''; }" />
						<input name="" type="image" src="./images/input-search-button.gif" class="search_button" />
					</form><!--END search-->
		
	</div><!--END header-->
	
	<div id="center_holder">
	<div class="breadcrumb">You are here: <a href="#">home</a> / <a href="#">blog</a> / Fusce eu eleifend eros. 		    
	</div><!--END breadcrumb-->
	</div>	
	
	<div id="content">

            <div id="inner_content">
			
			<span id='inner_content_top'></span>
			<span id='inner_content_bottom'></span>

                <div class="entry">
                  <h1><a href="./blog-single.html" class="title">Fusce eu eleifend eros.</a></h1>	
				  	<div class="postmetainfo">
							March 19th, 2010
							<span class="categorylist">
							Categories: 
							<a href="#">Network News</a> |  
							<a href="#">Jquery Libraries</a> |  
							<a href="#">Strategy</a>							
							</span>						
					 </div><!--END postmetainfo-->			
                    <img src="./images/blog3.jpg" alt="item1" />										
                      <div class="entry_content">
                        <p><span class="dropCap">A</span>t vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis top praesentium voluptatum delen atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt culpa tofficia deserunt mollitia animi, id est laborum et are dolorum fuga. Et harum quidem rerum facilis est et expedita in distinctmolest excepturi sint occaecati lobortis for Cras lobortis mauris vel diam malesuada mattis aliquam urna imperdiet. Nullam tempor velit sit amet libero are aretra dignissim. Suspendisse suscipit, dui et mattis fringilla erat dolor Class aptent taciti sociosqu ad litora torquent per conubiaa, per inceptos himenaeos...</p>
															
						<p><strong>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</strong></p>
			
						<ul class="indent-ul">
							<li>Class aptent taciti sociosqu ad litora torquent per conubiaa.</li>
							<li>Suspendisse suscipit, dui et mattis fringilla erat dolor.</li>
							<li>In porttitor dignissim nulla non gravida. Etiam id erat ante.</li>
						</ul>
			
						<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam feugiat nunc ut nibh interdum tempus. Donec at lorem eget sapien iaculis porttitor id quis ligula. </p></blockquote>						

						<p><strong>Lorem Ipsum</strong> vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis top praesentium voluptatum delen atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt culpa tofficia deserunt mollitia animi, id est laborum et are dolorum fuga. Proin neque lorem, egestas quis dictum feugiat, suscipit ut neque. Quisque commodo, urna eget.</p>

						<ol class="indent-ol">
							<li>Class aptent taciti sociosqu ad litora torquent per conubiaa.</li>
							<li>Suspendisse suscipit, dui et mattis fringilla erat dolor.</li>
							<li>In porttitor dignissim nulla non gravida. Etiam id erat ante.</li>
						</ol>
								
						<a href="#" class="read-more">share post</a> 
						  <ul class="share-div"> 
							  <li class="toolTip" title="Flickr"><a href="#"><img src="./images/social-icon1.png" alt="1" /></a></li>
							  <li class="toolTip" title="Reddit"><a href="#"><img src="./images/social-icon2.png" alt="2" /></a></li>
							  <li class="toolTip" title="Wordpress"><a href="#"><img src="./images/social-icon3.png" alt="3" /></a></li>
							  <li class="toolTip" title="Facebook"><a href="#"><img src="./images/social-icon4.png" alt="4" /></a></li>
							  <li class="toolTip" title="Stumbleupon"><a href="#"><img src="./images/social-icon5.png" alt="5" /></a></li>
						  </ul><!--End share-div--> 
											
				   </div><!--END entry_content-->
				   
              </div><!--END entry-->				   
			  			  
	<h2>Post dicussion</h2>

	<ol class="commentlist">
		<li>
			<div>
				<div class="comment-author">
					<img alt="" src="./images/blog-thumb4.jpg" class="avatar" />		
					<a href="#">Duki</a>					
				</div><!--END comment-author-->
				<div class="commentmetadata">
					March 24, 2010 at 11:30 pm		
				</div><!--END commentmetadata-->
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fringilla tincidunt nunc in ornare. Nam a elementum neque. In porttitor dignissim nulla non gravida. Etiam id erat ante.				
				</p>
				<div class="reply">
					<a href="#">Reply</a>				
				</div><!--END reply-->
			 </div><!--END div-->

		<ul class="children">
		<li>
			<div>
				<div class="comment-author">
					<img src="./images/blog-thumb3.jpg" alt="" class="avatar" />		
					<a href="#">Jane</a>					
				</div><!--END comment-author-->
				<div class="commentmetadata">
					March 24, 2010 at 11:30 pm				
				</div><!--END commentmetadata-->
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fringilla tincidunt nunc in ornare. Nam a elementum neque. In porttitor dignissim nulla non gravida.</p>
				<div class="reply">
					<a href="#">Reply</a>				
				</div>
			 </div>
		</li>
		
		<li>
			<div>
				<div class="comment-author">
					<img src="./images/blog-thumb2.jpg" alt="" class="avatar" />		
					<a href="#">Astro</a>					
				</div><!--END comment-author-->
				<div class="commentmetadata">
					March 24, 2010 at 11:30 pm					
				</div><!--END commentmetadata-->
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fringilla tincidunt nunc in ornare. Nam a elementum neque. In porttitor dignissim nulla non gravida.				
				</p>
				<div class="reply">
					<a href="#">Reply</a>				
				</div><!--END reply-->
			 </div><!--END div-->
			 
		<ul class="children">
		<li>
			<div>
				<div class="comment-author">
					<img src="./images/blog-thumb3.jpg" alt="" class="avatar" />		
					<a href="#">Jane</a>					
				</div><!--END comment-author-->
				<div class="commentmetadata">
					March 24, 2010 at 11:30 pm				
				</div><!--END commentmetadata-->
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fringilla tincidunt nunc in ornare. Nam a elementum neque. In porttitor dignissim nulla non gravida. Etiam id erat ante.				
				</p>
				<div class="reply">
					<a href="#">Reply</a>				
				</div><!--END reply-->
			 </div><!--END div-->
		</li>
		</ul>
		</li>
		</ul>
		</li>

		<li>
			<div>
				<div class="comment-author">
					<img src="./images/blog-thumb1.jpg" alt="" class="avatar" />		
					<a href="#">Cool</a>					
				</div><!--END comment-author-->
				<div class="commentmetadata">
					March 24, 2010 at 11:30 pm					
				</div><!--END commentmetadata-->
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fringilla tincidunt nunc in ornare. Nam a elementum neque. In porttitor dignissim nulla non gravida. Etiam id erat ante.				
				</p>
				<div class="reply">
					<a href="#">Reply</a>				
				</div><!--END reply-->
		    </div><!--END div-->
		</li>
	</ol><!--END ol-->
	  
			  
			<form action="#" method="post" id="commentform">     
			<h2>Leave a comment</h2>

				<div class="holder">
					<div>
					<label>NAME: <em>Required</em></label>
					<input name="name" type="text" class="required" />
					</div>
					
					<div>
					<label>EMAIL: <em>Required</em></label>
					<input name="email" type="text" class="required email" />		
					</div>
					
					<div>
					<label>URL: <em>Optional</em></label>
					<input name="url" type="text" />	
					</div>
				</div><!--END holder-->
				
				<div class="holder">
					<div>
					<label>COMMENT:</label>
					<textarea name="comment" rows="50" cols="20"></textarea>		
					</div>
					
					<div>
					<input value="Post Comment" type="submit" class="submit" />
					</div>
				</div><!--END holder-->
			</form>

            </div><!--END inner_content-->

<div id="sidebar">

		<div class="block_small">
		<h2>Categories</h2>
			<ul>
				<li><a href="#">Network News </a></li>
				<li><a href="#">Jquery Libraries</a></li>
				<li><a href="#">Web design</a></li>
				<li><a href="#">UI Inovation</a></li>
				<li><a href="#">Digital Marketing</a></li>
				<li><a href="#">Strategy</a></li>
			</ul>
		</div><!--END block small-->

	
		<div class="block_small">
		<h2>Archive</h2>
			<ul>
				<li><a href="#">Jun 2009</a></li>
				<li><a href="#">July 2009</a></li>
				<li><a href="#">August 2009</a></li>
				<li><a href="#">September 2009</a></li>
				<li><a href="#">October 2009</a></li>
				<li><a href="#">November 2009</a></li>
			</ul>
		</div><!--END block small-->				

		<div class="block_posts">
		<h2>The most popular posts</h2>
			<ul>
				<li><img src="./images/blog-thumb1.jpg" alt="" /><a href="#">Fusce eu eleifend eros</a> november 12, 2009</li>
				<li><img src="./images/blog-thumb2.jpg" alt="" /><a href="#">Cras in tortor nisi</a> november 22, 2009</li>
				<li><img src="./images/blog-thumb3.jpg" alt="" /><a href="#">Aliquam in imperdiet the massa</a> december 14, 2009</li>
				<li><img src="./images/blog-thumb4.jpg" alt="" /><a href="#">Praesent convallis metus imperdiet the dui posuere sollicitudin </a> december 24, 2009</li>
			</ul>
		</div><!--END block posts-->
		
		<div class="block">
			<h2>Popular Tags</h2>
				<div class="tags">
					<a href="#" class="tag1">Jquery</a>
					<a href="#" class="tag1">Design</a>
					<a href="#" class="tag3">UI Inovation</a>
					<a href="#" class="tag4">Digital Marketing</a>
					<a href="#" class="tag3">Blue</a>
					<a href="#" class="tag2">Strategy</a>
					<a href="#" class="tag5">Print</a>
					<a href="#" class="tag5">Logo design</a>
					<a href="#" class="tag1">Template</a>
					<a href="#" class="tag4">Green</a>
				</div><!--END tags-->
		</div><!--END block-->
	
		<div class="advertise">
		<ul>
			<li><a href="#"><img src="./images/advert1.gif" alt="1" /></a></li>
			<li><a href="#"><img src="./images/advert2.gif" alt="2" /></a></li>
			<li><a href="#"><img src="./images/advert3.gif" alt="3" /></a></li>
			<li><a href="#"><img src="./images/advert4.gif" alt="4" /></a></li>
		</ul>
		</div><!--END advertise-->

</div><!--END sidebar-->

</div><!--END content-->

<div id="footer">
	<div class="bottom">
	
		<div>
		<h4>Latest posts</h4>		
			<ul class="posts">
			<li>
			<h1>Jan</h1>
			<div class="listing">
			<p>7, 2010</p>
			<a href="#">Lorem ipsum dolor sit amet</a>
			</div>	
			</li>
				
			<li>
			<h1>Jan</h1>
			<div class="listing">
			<p>29, 2010</p>
			<a href="#">At vero eos et accusamus et iusto</a>
			</div>	
			</li>
				
			<li>
			<h1>Feb</h1>
			<div class="listing">
			<p>25, 2010</p>
			<a href="#">Cras lobortis mauris vel diam</a>
			</div>	
			</li>
				
			<li>
			<h1>Mar</h1>
			<div class="listing">
			<p>17, 2010</p>
			<a href="#">Duis aute irure dolor in reprehenderit</a>
			</div>	
			</li>
			</ul><!--END posts-->
		</div><!--END left-->
		
	
		<div>
		<h4>About us </h4>
			<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab <a href="#">illo inventore veritatis</a> et quasi architecto beatae vitae dicta sunt explicabo, nemo enim ipsam voluptatem quia voluptas sit asperna.</p>
			<br /><br />
			<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
		</div><!--END div-->
	
		
		<div>    	
		<h4>Newsletter</h4>
		<p>Our newsletter is awesome. Subscribe and get the latest updates. Spam free..</p>
		
			<form id="newsletter" name="newsletter" action="#" method="post">
				<input type="text" id="newsletter1" onfocus="if (this.value == 'Enter your name') {this.value = ''; }" onblur="if (this.value == ''){this.value = 'Enter your name'; }" value="Enter your name" />
				<input type="text" id="newsletter2" onfocus="if (this.value == 'Enter your email') {this.value = ''; }" onblur="if (this.value == ''){this.value = 'Enter your email'; }" value="Enter your email" class="required email" />
				<input name="Submit" type="submit" class="submit" value="Submit" />
			</form> 
			<!--END newsletter-->
		
			<ul class="socialize"> 
				<li class="toolTip" title="Flickr"><a href="#"><img src="./images/social-icon1.png" alt="1" /></a></li>
				<li class="toolTip" title="Reddit"><a href="#"><img src="./images/social-icon2.png" alt="2" /></a></li>
				<li class="toolTip" title="Wordpress"><a href="#"><img src="./images/social-icon3.png" alt="3" /></a></li>
				<li class="toolTip" title="Facebook"><a href="#"><img src="./images/social-icon4.png" alt="4" /></a></li>
				<li class="toolTip" title="Stumbleupon"><a href="#"><img src="./images/social-icon5.png" alt="5" /></a></li>
			</ul><!--END socialize ul-->  
				  
		</div><!--END div-->		
	</div><!--END bottom-->
</div><!--END bottom-box-->
  
<div class="footer">
	<div class="copyright">
		<ul>
			<li><a href="./index.html">Home</a></li>
			<li><a href="./about.html">About</a></li>
			<li><a href="./services.html">Services</a></li>
			<li><a href="./elements.html">Features</a></li>
			<li><a href="./portfolio.html">Portfolio</a></li>
			<li><a href="./blog.html">Blog</a></li>
			<li><a href="./contact.html">Contact</a></li>
		</ul>
	<p>© Copyright 2010 Your web site name. All rights reserved.</p>			
	</div><!--END copyright-->
</div><!--END footer--> 
   
</div><!--END wrapper--> 

<!-- Tooltip JavaScript File -->
<script type="text/javascript" src="./javascript/tooltip.js"></script> 

</body>
</html>
